<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>vue-router</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		html,body{
			height: 100%;
		}
		ul{
			width: 30%;
			margin: 0 auto;
			list-style: none;
		}
		#app{
			width: 100%;
			background: greenyellow;
		}
	</style>
</head>
<body>
	<ul>
		adsfasasdf
		<li><a href="#/index">我是首页</a></li>
		<li><a href="#/my">我的</a></li>
		<li><a href="#/userInfo">个人中心</a></li>
		<li><a href="#/order">订单页</a></li>
		<li><a href="#/list">列表页</a></li>
		<!--<li><a href="#/list/1234567">详情页1</a></li>
		<li><a href="#/list/987654">详情页2</a></li>-->
	</ul>
	<div id="app">
		我是内容
	</div>
	
	<script src="js/home.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/unit.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/routes.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/router.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/ecmascript">
		window.onload = function () {
			var router = new Router({
				el:'#app',
				routes:unit.routes,
				model:'history'
			});
			
			
//			setTimeout(function () {
//				router.replace({path:'/list'})
//			},1000);
		
		
		
		}
        
	</script>
</body>
</html>